Low-speed autonomous driving solution

No products found

No products in this category yet.

<section class="relative w-full bg-gradient-to-br from-gray-900 via-slate-900 to-gray-900 text-white overflow-hidden"> <div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1593941707882-a5bba14938c7?w=1920&q=80')] bg-cover bg-center opacity-20"></div> <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-28"> <div class="grid lg:grid-cols-2 gap-12 items-center"> <div class="space-y-6"> <div class="inline-flex items-center px-3 py-1 rounded-full bg-blue-600/20 text-blue-400 text-sm font-medium border border-blue-600/30"> <span class="w-2 h-2 bg-blue-500 rounded-full mr-2 animate-pulse"></span> L4 Autonomous Driving </div> <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight text-white"> Autonomous Driving Solution<br> <span class="text-blue-400">1L1V3R</span> </h1> <p class="text-lg md:text-xl text-gray-300 max-w-xl leading-relaxed"> Low-speed autonomous driving solution for golf courses and managed areas. Features binocular fusion perception, LiDAR, and 4D millimeter-wave radar for high-precision navigation and obstacle avoidance. </p> <div class="flex flex-col sm:flex-row gap-4 pt-4"> <button class="px-8 py-4 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-semibold transition-all duration-300 shadow-lg shadow-blue-600/30"> Explore Solution </button> <button class="px-8 py-4 border border-gray-600 hover:border-gray-400 text-gray-300 hover:text-white rounded-lg font-semibold transition-all duration-300 backdrop-blur-sm"> View Specifications </button> </div> </div> <div class="relative lg:h-[500px] flex items-center justify-center"> <div class="relative w-full h-64 md:h-96 lg:h-full rounded-2xl overflow-hidden shadow-2xl border border-gray-800 bg-gray-800/50"> <img src="https://images.unsplash.com/photo-1593941707882-a5bba14938c7?w=800&q=80" alt="Autonomous Golf Cart" class="w-full h-full object-cover" /> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div> <div class="absolute bottom-6 left-6 right-6 bg-black/60 backdrop-blur-md rounded-lg p-4 border border-gray-700"> <div class="flex items-center justify-between text-sm text-gray-300"> <span>Multi-sensor Fusion</span> <span class="text-blue-400 font-semibold">Vision + LiDAR + Radar</span> </div> </div> </div>  <div class="absolute -top-4 -right-4 w-24 h-24 bg-blue-500/20 rounded-full blur-2xl animate-pulse"></div> <div class="absolute -bottom-4 -left-4 w-32 h-32 bg-cyan-500/20 rounded-full blur-3xl animate-pulse delay-700"></div> </div> </div> </div> </section>  <section class="w-full bg-white py-16 md:py-24"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center max-w-3xl mx-auto mb-16"> <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Sensor Solutions</h2> <p class="text-gray-600 text-lg"> The cost-effective solution with binocular fusion perception and positioning terminal + laser radar + 4D millimeter wave radar as the core. </p> </div> <div class="grid md:grid-cols-3 gap-8 mb-16">  <div class="group bg-gray-50 rounded-2xl p-8 border border-gray-200 hover:border-blue-300 hover:shadow-xl transition-all duration-300"> <div class="w-14 h-14 bg-blue-100 rounded-2xl flex items-center justify-center mb-6 group-hover:bg-blue-600 transition-colors duration-300"> <svg class="w-7 h-7 text-blue-600 group-hover:text-white transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path></svg> </div> <h3 class="text-xl font-bold text-gray-900 mb-3">Binocular Fusion Vision</h3> <p class="text-gray-600 leading-relaxed"> High-precision binocular stereo vision provides depth perception and specific target recognition with omnidirectional fusion technology. </p> </div>  <div class="group bg-gray-50 rounded-2xl p-8 border border-gray-200 hover:border-cyan-300 hover:shadow-xl transition-all duration-300"> <div class="w-14 h-14 bg-cyan-100 rounded-2xl flex items-center justify-center mb-6 group-hover:bg-cyan-600 transition-colors duration-300"> <svg class="w-7 h-7 text-cyan-600 group-hover:text-white transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg> </div> <h3 class="text-xl font-bold text-gray-900 mb-3">LiDAR Technology</h3> <p class="text-gray-600 leading-relaxed"> Laser radar integration enables precise 3D mapping and obstacle detection with millimeter-level accuracy for safe navigation. </p> </div>  <div class="group bg-gray-50 rounded-2xl p-8 border border-gray-200 hover:border-indigo-300 hover:shadow-xl transition-all duration-300"> <div class="w-14 h-14 bg-indigo-100 rounded-2xl flex items-center justify-center mb-6 group-hover:bg-indigo-600 transition-colors duration-300"> <svg class="w-7 h-7 text-indigo-600 group-hover:text-white transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0"></path></svg> </div> <h3 class="text-xl font-bold text-gray-900 mb-3">4D Millimeter Wave Radar</h3> <p class="text-gray-600 leading-relaxed"> Advanced 4D mmWave radar provides high-precision ranging and velocity detection in all weather conditions. </p> </div> </div>  <div class="bg-gray-900 rounded-2xl p-8 md:p-12 text-white"> <div class="grid md:grid-cols-2 gap-12 items-center"> <div> <h3 class="text-2xl font-bold mb-6">Multi-Modal Sensor Fusion</h3> <ul class="space-y-4"> <li class="flex items-start gap-3"> <svg class="w-6 h-6 text-blue-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg> <span>Flexible configuration of different numbers of millimeter wave radars, laser radars and other sensors</span> </li> <li class="flex items-start gap-3"> <svg class="w-6 h-6 text-blue-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg> <span>Multi-modal redundancy for highly reliable intelligent obstacle avoidance systems</span> </li> <li class="flex items-start gap-3"> <svg class="w-6 h-6 text-blue-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg> <span>Joint optimization of binocular terminal design, calibration, sensor layout and integration</span> </li> <li class="flex items-start gap-3"> <svg class="w-6 h-6 text-blue-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg> <span>Strong local perception capabilities through deep perception recognition technology</span> </li> </ul> </div> <div class="bg-gray-800 rounded-xl p-6 border border-gray-700"> <h4 class="font-bold text-blue-400 mb-4">Three-in-One Positioning Terminal</h4> <p class="text-gray-300 mb-4"> Self-developed binocular fusion perception positioning terminal realizes fusion positioning technology of: </p> <div class="grid grid-cols-3 gap-4 text-center"> <div class="bg-gray-700/50 rounded-lg p-3"> <div class="text-2xl mb-1">👁️</div> <div class="text-sm font-semibold">Vision</div> </div> <div class="bg-gray-700/50 rounded-lg p-3"> <div class="text-2xl mb-1">🧭</div> <div class="text-sm font-semibold">IMU</div> </div> <div class="bg-gray-700/50 rounded-lg p-3"> <div class="text-2xl mb-1">📡</div> <div class="text-sm font-semibold">RTK</div> </div> </div> <p class="text-gray-400 text-sm mt-4"> Provides high stability and high-precision three-dimensional positioning in all scenes. </p> </div> </div> </div> </div> </section>  <section class="w-full bg-gray-50 py-16 md:py-24 border-t border-gray-200"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center max-w-3xl mx-auto mb-16"> <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Autonomous Driving Features</h2> <p class="text-gray-600 text-lg"> Through ultimate software and hardware optimization, providing customers with the ultimate high-level intelligent driving function experience. </p> </div>  <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">  <div class="bg-white rounded-2xl p-6 shadow-md border border-gray-200 hover:shadow-lg transition-shadow"> <div class="flex items-center gap-4 mb-4"> <div class="w-12 h-12 bg-red-100 rounded-xl flex items-center justify-center flex-shrink-0"> <svg class="w-6 h-6 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg> </div> <h3 class="text-lg font-bold text-gray-900">Automatically Avoid Obstacles</h3> </div> <ul class="space-y-2 text-gray-600 text-sm"> <li>• Automatically identify and avoid obstacles while driving along the route</li> <li>• Supports customized identification of specific targets based on scenarios</li> <li>• Electronic fences can be set up to automatically prohibit vehicles from entering</li> </ul> </div>  <div class="bg-white rounded-2xl p-6 shadow-md border border-gray-200 hover:shadow-lg transition-shadow"> <div class="flex items-center gap-4 mb-4"> <div class="w-12 h-12 bg-blue-100 rounded-xl flex items-center justify-center flex-shrink-0"> <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg> </div> <h3 class="text-lg font-bold text-gray-900">High-precision Positioning</h3> </div> <ul class="space-y-2 text-gray-600 text-sm"> <li>• Vision, IMU and RTK fusion positioning</li> <li>• Supporting global high-precision positioning output in all scenarios</li> <li>• Supports initialization of indoor parking lots and obtaining global positioning</li> </ul> </div>  <div class="bg-white rounded-2xl p-6 shadow-md border border-gray-200 hover:shadow-lg transition-shadow"> <div class="flex items-center gap-4 mb-4"> <div class="w-12 h-12 bg-green-100 rounded-xl flex items-center justify-center flex-shrink-0"> <svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg> </div> <h3 class="text-lg font-bold text-gray-900">Remote Control & Wake</h3> </div> <ul class="space-y-2 text-gray-600 text-sm"> <li>• Support remote switching to wake up the vehicle</li> <li>• Automatically start self-driving and go to the pick-up area to wait</li> <li>• Support one-click positioning and recall to the specified location</li> </ul> </div>  <div class="bg-white rounded-2xl p-6 shadow-md border border-gray-200 hover:shadow-lg transition-shadow"> <div class="flex items-center gap-4 mb-4"> <div class="w-12 h-12 bg-purple-100 rounded-xl flex items-center justify-center flex-shrink-0"> <svg class="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"></path></svg> </div> <h3 class="text-lg font-bold text-gray-900">Auto/Manual Mode Switching</h3> </div> <p class="text-gray-600 text-sm"> Automatically switch to automatic/manual driving mode according to user needs. Seamless transition between autonomous operation and manual control. </p> </div>  <div class="bg-white rounded-2xl p-6 shadow-md border border-gray-200 hover:shadow-lg transition-shadow"> <div class="flex items-center gap-4 mb-4"> <div class="w-12 h-12 bg-orange-100 rounded-xl flex items-center justify-center flex-shrink-0"> <svg class="w-6 h-6 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg> </div> <h3 class="text-lg font-bold text-gray-900">Automatic Curve Turning</h3> </div> <p class="text-gray-600 text-sm"> Automatic turning on curves with intelligent path planning. In narrow areas, the vehicle automatically waits for obstacles to disappear before driving. </p> </div>  <div class="bg-white rounded-2xl p-6 shadow-md border border-gray-200 hover:shadow-lg transition-shadow"> <div class="flex items-center gap-4 mb-4"> <div class="w-12 h-12 bg-cyan-100 rounded-xl flex items-center justify-center flex-shrink-0"> <svg class="w-6 h-6 text-cyan-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0121 18.382V7.618a1 1 0 01-.806-.964A10.001 10.001 0 018.022 7.116a.999.999 0 01-1.054.552A9.001 9.001 0 0111 17.917v-3.5a2.5 2.5 0 015 0v3.5"></path></svg> </div> <h3 class="text-lg font-bold text-gray-900">Indoor Positioning</h3> </div> <p class="text-gray-600 text-sm"> Supports initialization of indoor parking lots and obtaining global positioning location. Precise navigation even in GPS-denied environments. </p> </div> </div> </div> </section>  <section class="w-full bg-gray-900 py-16 md:py-24 text-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center max-w-3xl mx-auto mb-16"> <h2 class="text-3xl md:text-4xl font-bold mb-4">Application Scenarios</h2> <p class="text-gray-400 text-lg"> Versatile autonomous driving solution for various low-speed managed environments. </p> </div> <div class="grid md:grid-cols-2 gap-8">  <div class="relative group overflow-hidden rounded-2xl aspect-[16/10] bg-gray-800"> <img src="https://images.unsplash.com/photo-1587174486073-ae5e5cff23aa?w=800&q=80" alt="Golf Course" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110 opacity-60" /> <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent flex flex-col justify-end p-8"> <h3 class="text-2xl font-bold mb-2 transform translate-y-2 group-hover:translate-y-0 transition-transform">Golf Courses</h3> <p class="text-gray-300 opacity-0 group-hover:opacity-100 transform translate-y-4 group-hover:translate-y-0 transition-all duration-300 delay-100"> Autonomous golf carts with follow-me mode, automatic ball collection, and remote dispatch for efficient fleet management. </p> </div> </div>  <div class="relative group overflow-hidden rounded-2xl aspect-[16/10] bg-gray-800"> <img src="https://images.unsplash.com/photo-1566073771259-6a8506099945?w=800&q=80" alt="Resort" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110 opacity-60" /> <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent flex flex-col justify-end p-8"> <h3 class="text-2xl font-bold mb-2 transform translate-y-2 group-hover:translate-y-0 transition-transform">Resorts & Communities</h3> <p class="text-gray-300 opacity-0 group-hover:opacity-100 transform translate-y-4 group-hover:translate-y-0 transition-all duration-300 delay-100"> Smart transportation for guests with autonomous shuttles, patrolling security, and delivery services. </p> </div> </div>  <div class="relative group overflow-hidden rounded-2xl aspect-[16/10] bg-gray-800"> <img src="https://images.unsplash.com/photo-1553413077-190dd305871c?w=800&q=80" alt="Industrial Park" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110 opacity-60" /> <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent flex flex-col justify-end p-8"> <h3 class="text-2xl font-bold mb-2 transform translate-y-2 group-hover:translate-y-0 transition-transform">Industrial Parks</h3> <p class="text-gray-300 opacity-0 group-hover:opacity-100 transform translate-y-4 group-hover:translate-y-0 transition-all duration-300 delay-100"> Automated logistics, security patrolling, and personnel transport in controlled industrial environments. </p> </div> </div>  <div class="relative group overflow-hidden rounded-2xl aspect-[16/10] bg-gray-800"> <img src="https://images.unsplash.com/photo-1562774053-701939374585?w=800&q=80" alt="Campus" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110 opacity-60" /> <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent flex flex-col justify-end p-8"> <h3 class="text-2xl font-bold mb-2 transform translate-y-2 group-hover:translate-y-0 transition-transform">Campuses & Parks</h3> <p class="text-gray-300 opacity-0 group-hover:opacity-100 transform translate-y-4 group-hover:translate-y-0 transition-all duration-300 delay-100"> Autonomous delivery robots, sightseeing vehicles, and maintenance carts for large campus environments. </p> </div> </div> </div> </div> </section>  <section class="w-full bg-gradient-to-br from-blue-600 to-blue-800 py-16 md:py-24"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Ready to Deploy Autonomous Mobility?</h2> <p class="text-blue-100 text-lg mb-8 max-w-2xl mx-auto"> Contact our team for customized low-speed autonomous driving solutions tailored to your specific application requirements. </p> <div class="flex flex-col sm:flex-row gap-4 justify-center"> <button class="px-8 py-4 bg-white text-blue-700 rounded-lg font-bold hover:bg-gray-100 transition-colors shadow-lg"> Request Quote </button> <button class="px-8 py-4 border-2 border-white text-white rounded-lg font-bold hover:bg-white/10 transition-colors"> Download Datasheet </button> </div> </div> </section>